<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>shapes</title>
    <script src="./js/d3.min.js"></script>
</head>

<body>

</body>
<script>
    /**
     * 弧度曲线
     * d3.arc() - 此方法用于创建新的弧生成器
     * arc(args) - 用于生成具有指定给定参数的弧
     * arc.centroid(args) - 此方法用于计算具有指定参数的弧的中心线的中点[x，y]
     * arc.innerRadius([radius]) - 此方法用于设置给定半径的内半径并返回一个弧生成器
     * arc.outerRadius([radius]) - 此方法用于设置给定半径的外半径并返回一个弧生成器
     * arc.cornerRadius([radius]) - 此方法用于设置给定半径的圆角半径并返回圆弧生成器
     * arc.startAngle([angle]) - 此方法用于从给定角度设置函数的起始角度
     * arc.endAngle([angle]) - 此方法用于从给定角度设置函数的结束角度
     * arc.padAngle([angle]) - 此方法用于从给定角度设置垫片角度到函数
     * arc.padRadius([radius]) - 此方法用于将焊盘半径设置为给定半径的指定函数，垫半径确定分隔相邻弧的固定线性距离，定义为padRadius * padAngle
     * arc.context([context]) - 该方法用于设置上下文并返回一个弧生成器
     * 
     * 饼图
     * d3.pie() - 使用默认设置构造一个新的饼图生成器
     * pie(data[, arguments]) - 此方法用于为给定的数组值生成饼图
     *      data - 输入数据; 输入数据数组中的相应元素
     *      value - 弧的数值
     *      index - 弧的索引
     *      startAngle - 弧的起始角度
     *      endAngle - 弧的结束角度
     *      padAngle - 弧的垫角
     * pie.value([value]) - 此方法用于将值设置为指定的函数并生成饼图
     * pie.sort([compare]) - 此方法用于将数据排序到指定的函数并生成饼图
     * pie.sortValues([compare]) - 此方法用于比较给定函数的值并生成饼图
     * pie.startAngle([angle]) - 此方法用于将饼图的起始角度设置为指定的函数
     * pie.endAngle([angle]) - 此方法用于将饼图的结束角度设置为指定的函数
     * pie.padAngle([angle]) - 此方法用于将填充角度设置为指定的函数并生成饼图
     * 
     * 线
     * d3.line() - 此方法用于创建新的线生成器
     * line(data) - 此方法用于为给定的数据数组生成一行
     * line.x([x]) - 此方法用于将x访问器设置为指定的函数并生成一行
     * line.y([y]) - 此方法用于设置指定函数的“y”访问器并生成一行
     * line.defined([defined]) - 此方法用于将已定义的访问者设置为指定的函数
     * line.curve([curve]) - 用于设置曲线并生成线
     * line.context([context]) - 此方法用于设置上下文并生成一行。 如果未指定上下文，则返回null
     * d3.lineRadial() - 此方法用于创建新的径向线; 它相当于笛卡尔线生成器
     * lineRadial.radius([radius]) - 此方法用于绘制径向线，访问器返回半径。 它需要距离原点（0,0）的距离
    */
    var arc = d3.arc();
    arc({
        innerRadius: 0,
        outerRadius: 100,
        startAngle: 0,
        endAngle: Math.PI / 2
    });
</script>

</html>